<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>jQuery Demos and Documentation</title>
	<link rel="stylesheet"  href="css/themes/default/jquery.mobile-1.2.0.css" />
	<link rel="stylesheet" href="custom.css" />
	<script src="js/jquery.js"></script>
	<script src="js/jquery.mobile-1.2.0.js"></script>
	<script src="custom-scripting.js"></script>
</head>
<body>
<div data-role="page" id='home' class="type-home" data-theme="a">
	<div data-role="header" class="footer-docs" data-theme="a">
		<p>Read news feeds</p>
		<div data-role="navbar" data-iconpos="left">
			<ul>
				<li><a data-icon="grid" id="callRss"  href="#home">Recent</a></li>
				<li><a data-icon="arrow-l" href="#catList">Categories</a></li>
				<li><a data-icon="star" href="#aboutus">Aboutus</a></li>
				
			</ul>
		</div>
	</div>
	<div data-role="content" id='vcontent' class='content'>
		<p>View internal page called <a href="#callRss">bar</a></p>	
	</div>

	<div data-role="footer" class="footer-docs" data-theme="c">
            <p class="jqm-version"></p>
			<p>&copy; 2012 jQuery Foundation and other contributors</p>
	</div>
	
	

</div>


<div data-role="page" id="catList" data-theme="a">
	<div data-role="header" class="footer-docs" data-theme="a">
		<p>Read news feeds</p>
		<div data-role="navbar" data-iconpos="left">
			<ul>
				<li><a data-icon="grid" id="callRss"  href="#home">Recent</a></li>
				<li><a data-icon="arrow-l" href="#catList">Categories</a></li>
				<li><a data-icon="star" href="#aboutus">About us</a></li>
			</ul>
		</div>
	</div>
	<div data-role="content">	
		<ul data-role="listview">
			<li><a rel="external" href="?cid=bbc#catview">Acura</a></li>
			<li><a rel="external" href="?cid=yahoo#catview">Audi</a></li>
			<li><a rel="external" href="?cid=Indiatimes#catview">BMW</a></li>
		</ul>
	</div><!-- /content -->
	<div data-role="footer" class="footer-docs" data-theme="c">
            <p class="jqm-version"></p>
			<p>&copy; 2012 jQuery Foundation and other contributors</p>
	</div>
</div><!-- /page -->



<div data-role="page" id="catview" data-theme="a">
	<div data-role="header" class="footer-docs" >
		<p class='page_tval'>Read news feeds</p>
		<div data-role="navbar" data-iconpos="left">
			<ul>
				<li><a data-icon="grid" id="callRss"  href="#home">Recent</a></li>
				<li><a data-icon="arrow-l" href="#catList">Categories</a></li>
				<li><a data-icon="star" href="#aboutus">About us</a></li>
			</ul>
		</div>
	</div>
	<div data-role="content" class='content'>	
		
	</div><!-- /content -->
	<div data-role="footer" class="footer-docs" data-theme="c">
            <p class="jqm-version"></p>
			<p>&copy; 2012 jQuery Foundation and other contributors</p>
	</div>
</div><!-- /page -->



<div data-role="page" id="aboutus" data-theme="a">
	<div data-role="header" class="footer-docs" data-theme="a">
		<p class='page_tval'>Who we are?</p>
		<div data-role="navbar" data-iconpos="left">
			<ul>
				<li><a data-icon="grid" id="callRss"  href="#home">Recent</a></li>
				<li><a data-icon="arrow-l" href="#catList">Categories</a></li>
				<li><a data-icon="arrow-l" href="#aboutus">Aboutus</a></li>
			</ul>
		</div>
	</div>
	<div data-role="content">	
		A listview is coded as a simple unordered list containing linked list items with a
		data-role="listview" attribute.
		jQuery Mobile will apply all the necessary styles to
		transform the list into a mobile-friendly listview with right arrow
		indicator that fills the full width of the browser window.
		When you tap on the list item,
		the framework will trigger a click on the first link inside the list item,
		issue an Ajax request for the URL in the link,
		create the new page in the DOM, then kick off a page transition.
		View the data- attribute reference to see all the possible attributes you can add to listviews.
	</div><!-- /content -->
<div data-role="footer" class="footer-docs" data-theme="c">
            <p class="jqm-version"></p>
			<p>&copy; 2012 jQuery Foundation and other contributors</p>
	</div>
</div><!-- /page -->



</body>
</html>
